/* Basic styling */
/* Draw the lines */
.jOrgChart .oc-line {
  height                : 20px;
  width                 : 4px;
}

.jOrgChart .oc-down {
  background-color 		: black;	
  margin 				: 0px auto;
}

.jOrgChart .oc-top {
  border-top          : 3px solid black;
}

.jOrgChart .oc-left {
  border-right          : 2px solid black;
}

.jOrgChart .oc-right {
  border-left           : 2px solid black;
}

/* lyq add to override materialize css */
.jOrgChart *, .jOrgChart  *:before, .jOrgChart *:after {
  box-sizing: content-box;
}
/* lyq add to override materialize css */
.jOrgChart table{
  border-collapse: separate;
  width: auto;
  font-size: inherit;
  line-height:normal;
}

/* node cell */
.jOrgChart td {
  text-align            : center;
  vertical-align        : top;
  padding               : 0;
  border-radius         : 0;
}

/* The node */
.jOrgChart .node {
  background-color 		: #35363B;
  display               : inline-block;
  width                 : 96px;
  height                : 60px;
  z-index 				: 10;
  margin               : 0 2px;
/* lyq add default node style */
  font-size: 14px;
  line-height: 30px;
  background-color: #35363B;
  border-radius: 8px;
  padding: 5px;
  border: 2px solid #f00;
  color: #ffff11;
}

/* jQuery drag 'n drop */

.drag-active {
  border-style			: dotted !important;
}

.drop-hover {
  border-style			: solid !important;
  border-color 			: #E05E00 !important;
}
